<!--审核组件-->
<template>
  <!-- 审核进度部分 -->
  <div>
    <el-collapse v-model="activeNames" accordion>
      <el-collapse-item name="1">
        <template slot="title">{{$t('achievementApply.approvals')}}</template>
        <el-table :data="data" stripe style="width: 100%">
          <el-table-column type="index" :label="$t('message.order')" align="center"/>
          <el-table-column prop="time" :label="$t('paperBlindTrial.tiemName')" align="center" :show-overflow-tooltip="true">
            <template slot-scope="scope">{{ scope.row.time | formatDate }}
            </template>
          </el-table-column>
          <el-table-column prop="approvorName" :label="$t('achievementApply.approvorName')" align="center"/>
          <el-table-column prop="role" :label="$t('academicApply.role')" align="center"/>
          <el-table-column prop="result" :label="$t('message.operating')" align="center">
            <template slot-scope="scope">
              <el-tag v-if="scope.row.result == 'COMMIT'">{{$t('message.submit')}}</el-tag>
              <el-tag v-if="scope.row.result == 'Process'" type="success">{{$t('message.pass')}}</el-tag>
              <el-tag v-if="scope.row.result == 'End'" type="success">{{$t('message.pass')}}</el-tag>
              <el-tag v-if="scope.row.result == 'Reject'" type="danger">{{$t('message.reject')}}</el-tag>
              <el-tag v-if="scope.row.result == 'Recall'" type="warning">{{$t('message.recall')}}</el-tag>
            </template>
          </el-table-column>
          <el-table-column prop="content" :label="$t('achievementApply.explanation')" :show-overflow-tooltip="true"/>
        </el-table>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
  import filters from "common/src/filters";

  export default {
    components: {},
    props: {
      data: {
        type: Array,
        default: []
      }
    },
    filters: {
      formatDate(date) {
        return filters.formatDate(date, "yyyy/MM/dd hh:mm:ss");
      }
    },
    data() {
      return {
        activeNames: ['1']
      };
    },
    computed: {},
    mounted() {
    },
    methods: {}
  };
</script>
